<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" lang="en" class="no-js" >
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>仓库管理系统</title>

    <script src="../../static/vanilla-cream-css/js/libs/jquery-1.10.0.js" th:src = "@{/vanilla-cream-css/js/libs/jquery-1.10.0.js}"></script>
    <script src="../../static/layui/layui.js" th:src="@{/layui/layui.js}"></script>
    <script src="../../static/vanilla-cream-css/js/libs/bootstrap.min.js" th:src="@{/vanilla-cream-css/js/libs/bootstrap.min.js}"></script>
    <link href="../../static/vanilla-cream-css/css/bootstrap.css" rel="stylesheet" th:href="@{/vanilla-cream-css/css/bootstrap.css}"/>
    <link href="../../static/layui/css/layui.css" rel="stylesheet" th:href="@{/layui/css/layui.css}"/>

</head>
<script th:inline="javascript">
    /*<![CDATA[*/

    function disappear() {

        if([[${salesCountId}]] == null){
            document.getElementById("c").style.display = 'none';
            document.getElementById("c1").style.display = 'none';
            document.getElementById("c2").style.display = 'none';
        }
        if([[${disposalCountId}]] == null){
            document.getElementById("d").style.display = 'none';
            document.getElementById("d1").style.display = 'none';
            document.getElementById("d2").style.display = 'none';
        }
        if([[${salesTotalId}]] == null){
            document.getElementById("t").style.display = 'none';
            document.getElementById("t1").style.display = 'none';
            document.getElementById("t2").style.display = 'none';
        }
        if([[${totalProductionByParam}]] == null){
            document.getElementById("p").style.display = 'none';
            document.getElementById("p1").style.display = 'none';
            document.getElementById("p2").style.display = 'none';
        }
        if([[${inventoryByParam}]] == null){
            document.getElementById("i").style.display = 'none';
            document.getElementById("i1").style.display = 'none';
            document.getElementById("i2").style.display = 'none';
        }
        if([[${outOfDateByParam}]] == null){
            document.getElementById("o").style.display = 'none';
            document.getElementById("o1").style.display = 'none';
            document.getElementById("o2").style.display = 'none';
        }
        if([[${idt}]] == null){
            document.getElementById("idt").style.display = 'none';
        }


        /*]]>*/
    }
</script>
<body class="layui-layout-body" onload="disappear()">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">查询统计</div>
        <ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="/product/index">产品管理</a></li>
            <li class="layui-nav-item"><a href="">库存管理</a></li>
            <li class="layui-nav-item"><a href="/query/">查询统计</a></li>
            <li class="layui-nav-item"><a href="/admin/user/proPage">个人信息</a></li>
        </ul>
    </div>
    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                <li class="layui-nav-item"><a href="/query/data">统计数据</a></li>
                <li class="layui-nav-item"><a href="/query/detail/exist">查询库存</a></li>
                <li class="layui-nav-item"><a href="/query/detail/in">查询生产</a></li>
                <li class="layui-nav-item"><a href="/query/detail/out">查询销售</a></li>
                <li class="layui-nav-item"><a href="/query/detail/disposal">查询销毁</a></li>
                <li class="layui-nav-item"><a href="/query/detail/outDate">查询过期</a></li>
            </ul>
        </div>

    </div>

    <div class="layui-body">



        <div id="content">
            <br><br><br>
            <table class="layui-table" style="width: 900px;margin: auto" id="table">


                <thead>
                <tr >
                    <th id="id0">ID</th>
                    <th id="p">生产量</th>
                    <th id="c">销售量</th>
                    <th id="t">销售额</th>
                    <th id="d">销毁量</th>
                    <th id="i">库存量</th>
                    <th id="o">已过期</th>

                </tr>
                </thead>
                <tbody>
                <tr id="id">
                    <th th:text="${id}"></th>
                    <th th:text="${totalProductionByParam}" id="p1"></th>
                    <th th:text="${salesCountId}" id="c1"></th>
                    <th th:text="${salesTotalId}" id="t1"></th>
                    <th th:text="${disposalCountId}" id="d1"></th>
                    <th th:text="${inventoryByParam}" id="i1"></th>
                    <th th:text="${outOfDateByParam}" id="o1"></th>
                </tr>
                <tr id="idt">
                    <th th:text="${idt}"></th>
                    <th th:text="${totalProductionByType}" id="p2"></th>
                    <th th:text="${salesCountType}" id="c2"></th>
                    <th th:text="${salesTotalType}" id="t2"></th>
                    <th th:text="${disposalCountType}" id="d2"></th>
                    <th th:text="${inventoryByType}" id="i2"></th>
                    <th th:text="${outOfDateByType}" id="o2"></th>
                </tr>
                </tbody>

            </table>
            <br/><br/>
        </div>

    </div>
</div>




    </div>

</body>
</html>